	<template>
		<view class="message-item-video">
			<view class="img-box">
				<image :src="$u.appImage.getOssVideoCover(data.url)" mode=""></image>
			</view>
			<view class="footer">
				<view>
					<p>{{data.title}}</p> 
					<p>点赞数：{{data.likeCount}}</p>
				</view>
				<button class="follow-btn">关注</button>
			</view>
		</view>
	</template>

	<script>
		export default {
			name:"msgByVideo",
			props: {
				data: {
					default: () => ({}),
					type: Object
				}
			},
			data() {
				return {}
			}
		}
	</script>

	<style lang="scss" scoped>
		.message-item-video {
			.img-box{
				border: 20rpx solid #CCCCCC;
				border-bottom: 0;
				height: 300rpx;
				>image{
					width: 100%;
					height: 100%;
				}
			}
			.footer{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 10rpx;
				background-color: #F2F2F2;
				.follow-btn{
					background-color: #169BD5;
					color: #fff;
					width: 200rpx;
					height: 50rpx;
					padding: 0;
					line-height: 50rpx;
					font-size: 24rpx;
					margin: 0;
				}
			}
		}
	</style>